﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPrincipal.master" AutoEventWireup="true"
    CodeFile="DesvincularArtigoAE.aspx.cs" Inherits="Artigo_VincularArtigoAE" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <script src="../scripts/jquery-1.6.1.min.js" type="text/javascript"></script>
    <script src="../scripts/fswgrid-0.2.js" type="text/javascript"></script>
    <script src="../scripts/json2.js" type="text/javascript"></script>
    <script src="../Teste/fancySlidingForm/sliding.form.js" type="text/javascript"></script>
    <link href="../Css/geral.css" rel="stylesheet" type="text/css" />
    <link href="../Teste/fancySlidingForm/css/style.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        var configGridArtigo = { s: 4, i: 1, t: '', o: '' };
        var configGridAvaliador = { s: 4, i: 1, t: '', o: '' };
        var configGridNovoAvaliador = { s: 4, i: 1, t: '', o: '' };
		var idArtigo, idAvaliador, idUsuario;
        function vincularDesvincular(guid)
        {
            $.ajax({
		        type: "POST",
		        url: "DesvincularArtigoAE.aspx/vincularDesvincular",
		        contentType: "application/json; charset=utf-8",
		        dataType: "json",
		        data: JSON.stringify({id: guid}),
		        success: 
                    function ()
                    {
                        carregarListaAvaliador();
                    }
	        });
        };
        function vincularNovoAvaliador()
        {
            $('#passo3').click();
            
        };
        function novaPesquisaArtigo()
        {
            document.getElementById("textPesquisaArtigo").style.visibility = 'visible';
            document.getElementById("PesquisarArtigo").style.visibility = 'visible';
            document.getElementById("anovaPesquisaArtigo").style.visibility = 'hidden';
            document.getElementById("tabela-artigo").style.visibility = 'hidden';
            document.getElementById("table-artigo-footer").style.visibility = 'hidden';
            configGridArtigo.i = 1;
        };
        function cancelar()
        {
            $('#passo2').click();
            document.getElementById('textAreaFraseEmail').style.visibility = 'hidden';
            document.getElementById('buttonConfirmar').style.visibility = 'hidden';
            document.getElementById('campoDigiteFrase').style.visibility = 'hidden';
        };
        function novaPesquisaNovoAvaliador()
        {
            document.getElementById("textPesquisaNovoAvaliador").style.visibility = 'visible';
            document.getElementById("PesquisarNovoAvaliador").style.visibility = 'visible';
            document.getElementById("anovaPesquisaNovoAvaliador").style.visibility = 'hidden';
            document.getElementById("tabela-novo-avaliador").style.visibility = 'hidden';
            document.getElementById("tabela-novo-avaliador-footer").style.visibility = 'hidden';
            configGridNovoAvaliador.i = 1;
        };
        function selecionarAvaliador(guid)
        {
            idAvaliador = guid;
            $('#passo3').click();
        }
        function selecionarArtigo(guid)
        {
			idArtigo = guid;
            carregarListaAvaliador();
            $('#passo2').click();
        };
        function selecionarNovoAvaliador(guid)
        {
            idUsuario = guid;
            document.getElementById('textAreaFraseEmail').style.visibility = 'visible';
            document.getElementById('buttonConfirmar').style.visibility = 'visible';
            document.getElementById('campoDigiteFrase').style.visibility = 'visible';
           // for(var i=0; i<document.getElementById('campoDigiteFrase').length; i++)
              //          document.getElementById('campoDigiteFrase')[i].value = '';
        };
        function vincular()
        {
            $.ajax({
		        type: "POST",
		        url: "DesvincularArtigoAE.aspx/vincular",
		        contentType: "application/json; charset=utf-8",
		        dataType: "json",
		        data: JSON.stringify({idUsuario: idUsuario, idArtigo: idArtigo, comentario: document.getElementById('textAreaFraseEmail').value}),
		        success: 
                    function (msg)
                    {
                        if(msg.d == true)
                        {
                            carregarListaAvaliador();
                            $('#passo2').click();
                        }
                        else
                            alert('Avaliador ja cadastrado');
                    }
	        });
        };
		function carregarListaAvaliador(){
            document.getElementById("tabela-avaliador").style.visibility = 'visible';
            document.getElementById("table-artigo-footer").style.visibility = 'visible'; 
            document.getElementById("table-avaliador-footer").style.visibility = 'visible';
		    var lista;
			    $.ajax({
				    type: "POST",
				    url: "DesvincularArtigoAE.aspx/getAvaliador",
				    contentType: "application/json; charset=utf-8",
				    dataType: "json",
				    data: JSON.stringify({pagina: configGridAvaliador.i, id: idArtigo}),
				    success: 
					    function (msg) {
							lista = msg.d;
						    $('#tabela-avaliador').fswGrid({
							    bottombar: '#table-avaliador-footer',
							    selectable: true,
							    selectSingle: true,
							    sortable: true,
							    nextText: 'Próxima',
							    prevText: 'Anterior',
							    resultText: 'Exibindo de {0} a {1} de {2} resultados ',
							    results: false,
							    pagination: true,
							    message: 'Nenhum avaliador encontrado',
							    pageSize: configGridAvaliador.s,
							    onNext: function (i) {
								    configGridAvaliador.i = configGridAvaliador.i + 1;
							    },
							    onPrev: function (i) {
								    configGridAvaliador.i = configGridAvaliador.i - 1;
							    },
							    render: function (row, item) {                                
								    var tdAcoes = $('<td>');
                                    $(row).append($('<td>').text(item.Avaliador.Pessoa.nome));
                                    if(item.avaliadorVinculado == true)
                                        tdAcoes.append($('<a id="buttonVincular" href="javascript:vincularDesvincular(\''+item.id+'\')" class="buttonAcaoMenor">Desvincular</a>'));
                                    else
                                        tdAcoes.append($('<a id="buttonVincular" href="javascript:vincularDesvincular(\''+item.id+'\')" class="buttonAcaoMenor">Vincular</a>'));
                                    if(item.Avaliador.aceito == true)
                                         $(row).append($('<td>').text('Sim'));
                                    else
                                         $(row).append($('<td>').text('Não'));
                                        
								    $(row).append(tdAcoes);
								}
							}, lista);
					    },
			    });
	    };
        function carregarListaNovoAvaliador()
        {
            document.getElementById("textPesquisaNovoAvaliador").style.visibility = 'hidden';
            document.getElementById("PesquisarNovoAvaliador").style.visibility = 'hidden';
            document.getElementById("anovaPesquisaNovoAvaliador").style.visibility = 'visible';
            document.getElementById("tabela-novo-avaliador").style.visibility = 'visible';
            document.getElementById("tabela-novo-avaliador-footer").style.visibility = 'visible';
		    var lista;
			    $.ajax({
				    type: "POST",
				    url: "DesvincularArtigoAE.aspx/getNovoAvaliador",
				    contentType: "application/json; charset=utf-8",
				    dataType: "json",
				    data: JSON.stringify({pagina: configGridAvaliador.i, nome: $('#textPesquisaNovoAvaliador').val()}),
				    success: 
					    function (msg) {
							lista = msg.d;
						    $('#tabela-novo-avaliador').fswGrid({
							    bottombar: '#tabela-novo-avaliador-footer',
							    selectable: true,
							    selectSingle: true,
							    sortable: true,
							    nextText: 'Próxima',
							    prevText: 'Anterior',
							    resultText: 'Exibindo de {0} a {1} de {2} resultados ',
							    results: false,
							    pagination: true,
							    message: 'Nenhum usuário encontrado',
							    pageSize: configGridNovoAvaliador.s,
							    onNext: function (i) {
								    configGridNovoAvaliador.i = configGridNovoAvaliador.i + 1;
							    },
							    onPrev: function (i) {
								    configGridNovoAvaliador.i = configGridNovoAvaliador.i - 1;
							    },
							    render: function (row, item) {                                
								    var tdAcoes = $('<td>');
                                    $(row).append($('<td>').text(item.Pessoa.nome));
                                    tdAcoes.append($('<a id="buttonVincularNovoAvaliador" href="javascript:selecionarNovoAvaliador(\''+item.id+'\')" class="buttonAcaoMenor">Selecionar</a>'));
								    $(row).append(tdAcoes);
								}
							}, lista);
					    },
			    });
        };
        function voltardois()
        {
            $('#passo1').click();
        };
        function voltar()
        {
            window.location = 'DefaultAE.aspx';
        };
        function carregarListaArtigo(){
            document.getElementById("textPesquisaArtigo").style.visibility = 'hidden';
            document.getElementById("PesquisarArtigo").style.visibility = 'hidden';
            document.getElementById("anovaPesquisaArtigo").style.visibility = 'visible';
            document.getElementById("tabela-artigo").style.visibility = 'visible';
            document.getElementById("table-artigo-footer").style.visibility = 'visible';
		    var lista;
			    $.ajax({
				    type: "POST",
				    url: "DesvincularArtigoAE.aspx/getArtigo",
				    contentType: "application/json; charset=utf-8",
				    dataType: "json",
				    data: JSON.stringify({pagina: configGridArtigo.i, nome: $('#textPesquisaArtigo').val()}),
				    success: 
					    function (msg) {
					    lista = msg.d;
						    $('#tabela-artigo').fswGrid({
							    bottombar: '#table-artigo-footer',
							    selectable: true,
							    selectSingle: true,
							    sortable: true,
							    nextText: 'Próxima',
							    prevText: 'Anterior',
							    resultText: 'Exibindo de {0} a {1} de {2} resultados ',
							    results: false,
							    pagination: true,
							    message: 'Nenhum artigo encontrado',
							    pageSize: configGridArtigo.s,
							    onNext: function (i) {
								    configGridArtigo.i = configGridArtigo.i + 1;
							    },
							    onPrev: function (i) {
								    configGridArtigo.i = configGridArtigo.i - 1;
							    },
							    render: function (row, item) {                                
								    var tdAcoes = $('<td>');
                                    $(row).append($('<td>').text(item.titulo));
                                    for(i=0; i<item.AutoresArtigos.length; i++)
                                    {
                                        if(item.AutoresArtigos[i].ordem == '0')
                                        {
                                            $(row).append($('<td>').text(item.AutoresArtigos[i].Pessoa.nome));
                                            //textCont = $('<a href="#">[...]</a>');
                                        }
                                    }
                                    //$(row).append($('<td>').text(text));
                                    //tdCont.append(textCont);
                                    //$(row).append(tdCont);
									var buttonSelecionar = $('<a id="next" href="javascript:selecionarArtigo(\''+item.id+'\');" class="buttonAcaoMenor">Selecionar</a>');
								    tdAcoes.append(buttonSelecionar);
								    $(row).append(tdAcoes);
							    }
						    }, lista);
					    },
			    });
	    };
    </script>
    <style>
        span.reference
        {
            position: fixed;
            left: 5px;
            top: 5px;
            font-size: 10px;
            text-shadow: 1px 1px 1px #fff;
        }
        span.reference a
        {
            color: #555;
            text-decoration: none;
            text-transform: uppercase;
        }
        span.reference a:hover
        {
            color: #000;
        }
        h1
        {
            color: #ccc;
            font-size: 36px;
            text-shadow: 1px 1px 1px #fff;
            padding: 20px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolderConteudo" runat="Server">
    <div id="content" style="margin: 15px 60px">
        <div id="wrapper2">
            <br />
            <br />
            <div style="text-align: right">
                <a class="buttonAcao" href="javascript:voltar();">&laquo; Voltar</a>
            </div>
            <div id="steps" style="height: 550px">
                <form id="formElem" name="formElem" action="" method="post">
                <fieldset class="step">
                    <div>
                        <div>
                            <h2>
                                Pesquise o artigo</h2>
                            <br />
                        </div>
                        <input id="textPesquisaArtigo" type="text" />
                        <a class="buttonAcao" id="PesquisarArtigo" href="javascript:carregarListaArtigo();">
                            Pesquisar</a> <a style="visibility: hidden" id="anovaPesquisaArtigo" class="buttonAcao"
                                href="javascript:novaPesquisaArtigo();">Nova Pequisa</a>
                        <br />
                    </div>
                    <table class="tabela-pesquisa" id="tabela-artigo" style="visibility: hidden">
                        <thead>
                            <tr>
                                <th>
                                    Nome
                                </th>
                                <th>
                                    Autor
                                </th>
                                <th style="width: 20%">
                                    Ação
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                    <div class="button-footer" id="table-artigo-footer" style="visibility: hidden">
                        <span class="fsw-grid-results"></span><a runat="server" id="A1" class="fsw-grid-prev"
                            href="javascript:carregarListaArtigo();">Anterior</a> <a class="fsw-grid-next" runat="server"
                                id="A2" href="javascript:carregarListaArtigo();">Próximo</a>
                    </div>
                </fieldset>
                <fieldset class="step">
                    <div>
                        <div>
                            <h2>
                                Avaliadores do artigo</h2>
                            <br />
                        </div>
                        <br />
                    </div>
                    <table class="tabela-pesquisa" id="tabela-avaliador">
                        <thead>
                            <tr>
                                <th>
                                    Nome
                                </th>
                                <th>
                                    Convite Aceito no evento
                                </th>
                                <th style="width: 20%">
                                    Ação
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                    <div class="button-footer" id="table-avaliador-footer" style="visibility: hidden">
                        <span class="fsw-grid-results"></span><a runat="server" id="gridprev" class="fsw-grid-prev"
                            href="javascript:carregarListaAvaliador();">Anterior</a> <a class="fsw-grid-next"
                                runat="server" id="gridnext" href="javascript:carregarListaAvaliador();">Próximo</a>
                    </div>
                    <br />
                    <br />
                    <a href="javascript:voltardois()" class="buttonAcao">&laquo; Voltar</a> <a href="javascript:vincularNovoAvaliador()"
                        class="buttonAcao">Convidar novo avaliador &raquo;</a>
                </fieldset>
                <fieldset class="step">
                    <div>
                        <div>
                            <h2>
                                Pesquise o usuário</h2>
                            <br />
                        </div>
                        <br />
                    </div>
                    <input id="textPesquisaNovoAvaliador" type="text" />
                    <a class="buttonAcao" id="PesquisarNovoAvaliador" href="javascript:carregarListaNovoAvaliador();">
                        Pesquisar</a> <a style="visibility: hidden" id="anovaPesquisaNovoAvaliador" class="buttonAcao"
                            href="javascript:novaPesquisaNovoAvaliador();">Nova Pequisa</a>
                    <br />
                    <table class="tabela-pesquisa" id="tabela-novo-avaliador" style="visibility: hidden">
                        <thead>
                            <tr>
                                <th>
                                    Nome
                                </th>
                                <th style="width: 20%">
                                    Ação
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                    <div class="button-footer" id="tabela-novo-avaliador-footer" style="visibility: hidden">
                        <span class="fsw-grid-results"></span><a runat="server" id="A3" class="fsw-grid-prev"
                            href="javascript:carregarListaNovoAvaliador();">Anterior</a> <a class="fsw-grid-next"
                                runat="server" id="A4" href="javascript:carregarListaNovoAvaliador();">Próximo</a>
                    </div>
                    <br />
                    <a class="buttonAcao" href="javascript:cancelar();">&laquo; Cancelar</a>
                    <br />
                    <br />
                    <br />
                    <div id="campoDigiteFrase" style="text-align: center; visibility: hidden">
                        Digite uma frase para envio do email</div>
                    <textarea id="textAreaFraseEmail" style="visibility: hidden; width: 570px; height: 80px;"></textarea>
                    <br />
                    <a class="buttonAcao" id="buttonConfirmar" href="javascript:vincular();" style="visibility: hidden">
                        &laquo; Convidar</a>
                </fieldset>
                </form>
            </div>
        </div>
        <div id="navigation" style="display: none; visibility: hidden;">
            <ul>
                <li class="selected"><a href="#" id="passo1">1 - Pesquise o artigo</a> </li>
                <li><a href="#" id="passo2">2 - Pesquise o avaliador</a> </li>
                <li><a href="#" id="passo3">3 - Vincular Novo Avaliador</a> </li>
            </ul>
        </div>
    </div>
</asp:Content>
